<template>
  <view class="no-data">
    <IconFont
      font-class-name="iconfont"
      class-prefix="icon"
      name="meiyoushuju"
      size="40"
    />
    <text class="meiyoushuju">暂无数据</text>
  </view>
</template>

<script lang="ts" setup>
import { IconFont } from "@nutui/icons-vue-taro";
</script>

<style lang="scss">
.no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10rpx;
  min-height: 50vh;
}
.meiyoushuju {
  font-size: 28rpx;
  color: #999;
}
</style>
